<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="../libs/layui/css/layui.css">
<link rel="stylesheet" href="../mycss/index.css">
</head>
<body>
	<blockquote class="layui-elem-quote">基于layui2.2.5
		开发的运维管理平台</blockquote>
	<ul class="layui-timeline">
		<li class="layui-timeline-item"><i
			class="layui-icon layui-timeline-axis"></i>
			<div class="layui-timeline-content layui-text">
				<div class="layui-timeline-title">2018年3月2日，新增其他工具中接口调试和报文转换功能</div>
			</div></li>
		<li class="layui-timeline-item"><i
			class="layui-icon layui-timeline-axis"></i>
			<div class="layui-timeline-content layui-text">
				<div class="layui-timeline-title">2018年2月初，运维管理平台2.0.0版本发布，正式上线</div>
			</div></li>
		<li class="layui-timeline-item"><i
			class="layui-icon layui-timeline-axis"></i>
			<div class="layui-timeline-content layui-text">
				<div class="layui-timeline-title">2018年1月，运维管理平台1.0.0版本诞生</div>
			</div></li>
		<li class="layui-timeline-item"><i
			class="layui-icon layui-timeline-axis"></i>
			<div class="layui-timeline-content layui-text">
				<div class="layui-timeline-title">2017年12月， 开始接触layui</div>
			</div></li>
		<li class="layui-timeline-item"><i
			class="layui-icon layui-timeline-axis"></i>
			<div class="layui-timeline-content layui-text">
				<div class="layui-timeline-title">2017年9月，python版诞生</div>
			</div></li>
		<li class="layui-timeline-item"><i
			class="layui-icon layui-anim layui-anim-rotate layui-anim-loop layui-timeline-axis"></i>
			<div class="layui-timeline-content layui-text">
				<div class="layui-timeline-title">运维管理平台的萌发期</div>
			</div></li>
	</ul>
</body>
<script src="../libs/layui/layui.js"></script>
<script>
	layui.use('carousel', function() {
		var carousel = layui.carousel;
		//建造实例
		carousel.render({
			elem : '#main-car',
			width : '700px' //设置容器宽度
			,
			height : '400px',
			arrow : 'hover' //始终显示箭头
		//,anim: 'fade' //切换动画方式
		});
	});
</script>
</html>